<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="referrer" content="never">
    <title>赋值操作</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        ul {
            list-style: none;
        }
    </style>
</head>
<body>
    <div class="box">
        box内部文本
        <div class="inner">hello world</div>
    </div>

    <input type="text" value="7734521">
    <script src="../lib/jquery/jquery.min.js"></script>
    <script type="text/javascript">
        /*
            $ele.
                html([content])  读取或者设置元素内容，作用相当于 innerHTML
                text([content])  读取或者设置元素文本内容，作用相当于 innerText
                val([content])   读取或者设置input框的value值，作用相当于 input.value
        */

        var $box = $(".box"),
            $ipt = $("input")
        console.log("文本内容", $box.text());
        console.log("带标签的文本", $box.html());

        console.log("input的value值",$ipt.val());

        // $box.text("换成普通文本<p>标签无法解析</p>");
        $box.html("换成标签文本<p>标签可以解析</p>");  // $box[0].innerHTML = "xxx"

        $ipt.val("换一个input输入的值"); // $ipt[0].value = "xxx"
    </script>
</body>
</html>